<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>搜索</title>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>

		<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/miva.utils.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/miva.components.vue.js" type="text/javascript" charset="utf-8"></script>


		<link rel="stylesheet" type="text/less" href="../css/entry.less"/>
		<script src="../js/less.js" type="text/javascript" charset="utf-8"></script>

    <style media="screen">
      .mui-bar {
        box-shadow: none;
      }
    </style>

	</head>
	<body>
    <div id="app">
      <header class="mui-bar mui-bar-nav">
  			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  			<h1 class="mui-title">搜索</h1>
  		</header>
  		<div class="mui-content ">
				<search-entry sign-in="1"></search-entry>

				<div class="search-page">
					<div class="search-title">热门搜索</div>
					<ul class="hot-list">
						<li v-for="temp in 5"><span class="search-num">{{temp}}</span><span>推荐内容</span></li>
					</ul>

					<div class="search-title">最近搜索</div>
					<ul class="hot-list">
						<li v-for="temp in 5"><span class="search-num">{{temp}}</span><span>推荐内容</span></li>
					</ul>
				</div>
<button onclick="createVideoPlayer()">123</button>
  		</div>
    </div>

    <script type="text/javascript">

      new Vue({
        el: '#app',
        components: {
          searchEntry: miva.searchEntry,
        },
        data: {
          bookId: mivaUtils.getBookId(window.location.search)
        },
        mounted: function() {

        },
        methods: {}
      })
    </script>
	</body>
</html>
